body {

	text-align: left;

	background-image:  url("images/background.gif");

	background-repeat: repeat-x;

	background-color: #CBB778;

	width: 100%;

}

body,html 
{
	height:100%;
	border: 0px;
	margin: 0px;
	padding: 0px;	
}

#top_left {

	background-image:  url("images/top_l.gif");

	background-repeat: no-repeat;

	vertical-align: top;

	width: 22px;

	height: 172px;

}

#coffee1 {

	background-image:  url("images/coffee1.jpg");

	background-repeat: no-repeat;

	vertical-align: top;

	width: 335px;

	height: 172px;

}

#coffee_name {

	background-image:  url("images/top_line.gif");

	background-repeat: repeat-x;

	vertical-align: top;

	padding-top: 54px;

	padding-left: 23px;

	padding-right: 10px;

	padding-bottom: 10px;

	width: 377px;

	height: 98px;

}

.coffee_name {

	color: #D4E4F2;

	font-weight: normal;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

}

.coffee_name H1 {

	color: #FFFFFF;

	font-weight: normal;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 36px;

	margin-top: 0px;

	margin-bottom: 32px;

	

}

.coffee_name P {

	font-style: italic;

	margin-top: 12px;

	margin-bottom: 0px;

}

#menu_left {

	background-image:  url("images/menu_l.gif");

	background-repeat: no-repeat;

	vertical-align: top;

	padding-top: 0px;

	width: 18px;

	height: 30px;

}

#menu_right {

	background-image:  url("images/menu_r.gif");

	background-repeat: no-repeat;

	vertical-align: top;

	width: 18px;

	height: 30px;

}

#menu_top {

	background-image:  url("images/menu_line.gif");

	background-repeat: repeat-x;

	vertical-align: middle;

	padding-left: 29px;

	padding-right: 29px;

	width: 673px;

	height: 30px;

}

.hmains {

	color: #FFFFFF;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

}

.hmains P {

	text-align: center;

	margin-top: 0px;

	margin-bottom: 0px;

}

.hmains {

        color: #FFFFFF;

        font-weight: bold;

        text-align: center;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 11px;

}

.hmains a{

        color: #FFFFFF;

        font-weight: bold;

        text-align: center;

        padding-left:10px;

        padding-right:10px;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 11px;

        text-decoration: none;

}

.hmains a:hover{

        text-decoration: underline;

}



#hline1 {

	background-image:  url("images/hline1.gif");

	background-repeat: no-repeat;

	vertical-align: top;

	width: 530px;

	height: 1px;

}

#pxl2 {

	background-image:  url("images/pxl2.gif");

	background-repeat: repeat-y;

	background-color: #FFFFFF;

	vertical-align: top;

	padding-top: 16px;

	padding-left: 33px;

	padding-right: 33px;

	padding-bottom: 15px;

	width: 464px;

}

#pxl2_1 {

	background-image:  url("images/pxl2.gif");

	background-repeat: repeat-y;

	background-color: #FFFFFF;

	vertical-align: top;

	padding-top: 16px;

	padding-left: 33px;

	padding-right: 33px;

	padding-bottom: 15px;

	width: 700px;

}

.welcome {

	color: #000000;

	font-weight: normal;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}

.welcome H1 {

	color: #6E6340;

	font-weight: normal;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	margin-top: 20px;

	margin-bottom: 20px;

	

}

.welcome P {

	margin-top: 20px;

	margin-bottom: 2px;

	margin-right: 30px;

}

.welcome ul {

	color: #000000;

	list-style-image:  url("images/point.gif");

	font-weight: normal;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin-left: 34px;

	margin-top: 25px;

	margin-bottom: 5px;

}

.welcome li {

	margin-top: 4px;

	margin-bottom: 4px;

	vertical-align: middle;

}

#box_top {

	background-image:  url("images/box_top.gif");

	background-repeat: no-repeat;

	vertical-align: top;

	width: 237px;

	height: 11px;

}

#boxx {

	background-image:  url("images/box_line2.gif");

	background-repeat: repeat-y;

	vertical-align: top;

	width: 237px;

	padding: 0px;

}

#box_line2_1 {

	vertical-align: top;

	width: 237px;

	height: 37px;

	padding: 0px;

}

.specials {

	color: #B24432;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

}

.specials P{

	margin-top: 11px;

	margin-left: 16px;

}

#box_left {

	background-image:  url("images/box_l.gif");

	background-repeat: repeat-y;

	vertical-align: top;

	width: 12px;

}

#box_right {

	background-image:  url("images/box_r.gif");

	background-repeat: repeat-y;

	vertical-align: top;

	width: 23px;

}

#box_cake {

	background-image:  url("images/cake.jpg");

	background-repeat: no-repeat;

	vertical-align: top;

	width: 200px;

	height: 178px;

	border: 1px solid #FFFFFF;

	padding: 0px;

	

}

.cake {

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

}

.cake H1{

	margin-top: 9px;

	margin-left: 14px;

	color: #665C3B;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	margin-bottom: 15px;

	

}

.cake H2{

	font-weight: bold;

	color: #B24432;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	line-height: 16px;

	margin-bottom: 0px;

	margin-top: 0px;

	margin-left: 14px;

}

#box_line2_2 {

	vertical-align: top;

	width: 175px;

	padding-top: 1px;

	padding-bottom: 10px;

	padding-left: 22px;

	padding-right: 40px;

}

.adress {

	color: #000000;

	font-weight: normal;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin-top: 0px;

	margin-bottom: 2px;

}

.adress H1{

	margin-top: 24px;

	margin-bottom: 11px;

	font-family: Arial, Helvetica, sans-serif;

	color: #665C3B;

	font-weight: bold;

	font-size: 12px;

}

.adress P{

	margin-top: 0px;

	margin-bottom: 2px;

	margin-right: 0px;

}

#foot-left {

	background-image:  url("images/foot_l.gif");

	background-repeat: no-repeat;

	vertical-align: top;

	width: 18px;

	height: 22px;

}

#copyright {

	background-image:  url("images/copyright.gif");

	background-repeat: repeat-x;

	vertical-align: middle;

	text-align: left;

	width: 490px;

	height: 22px;

	padding-top: 0px;

	padding-left: 22px;

}

.copyright {

	color: #000000;

	font-weight: normal;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

}

.copyright P{

	padding-top: 0px;

	margin-top: 0px;

	margin-bottom: 0px;

}

#hline2 {

	background-color: #EEE7D2;

	background-repeat: no-repeat;

	vertical-align: top;

	width: 512px;

	height: 1px;

}

#hline3 {

	background-color: #DCCFA4;

	background-repeat: no-repeat;

	vertical-align: top;

	width: 512px;

	height: 1px;

}

input.normal
{
   font-size:17px;
   width:150px;
   height:100px;
   
}

button.normal
{
   font-size:17px;
   width:140px;
   height:100px;
}
	
button.buttonMenu
{
   font-size:17px;
   width:140px;
   height:50px;
}

button.btnBlue
{
   font-size:17px;
   width:140px;
   height:100px;
   color:#FFFFFF;
   background:url(images/btnBlue.gif) no-repeat;
}

button.btnRed
{
   font-size:17px;
   color:#FFFFFF;
   width:140px;
   height:100px;
   background:url(images/btnRed.gif) no-repeat;
}

input.wide
{
   font-size:17px;
   width:230px;
   height:100px;
}

input.widetext
{
   font-size:80px;
   width:150px;
   height:90px;
}

input.campotextogrande
{
   font-size:35px;
   width:250px;
   height:40px;
}

button.campotextogrande
{
   font-size:30px;
   width:200px;
   height:45px;
}
strong.campotextogrande
{
   font-size:23px;
   width:200px;
   height:45px;
}

input.main
{
   font-size:17px;
   width:650px;
   height:30px;
}


#box_bottom {

	background-image:  url("images/box_bottom.gif");

	background-repeat: no-repeat;

	vertical-align: top;

	width: 237px;

	height: 22px;

}



#box_bottom2 {

	background-image:  url("images/box_bottom2.gif");

	background-repeat: no-repeat;

	vertical-align: top;

	width: 237px;

	height: 22px;

}

.right_line{

	background-color: #CBB777;

	vertical-align: top;

	width: 1px;

}
.datatable {
border: 1px solid #D6DDE6;
border-collapse: collapse;
font-family: Arial, Helvetica, sans-serif;

font-size: 8pt;

width: 100%;



}
.datatable td {
border: 1px solid #D6DDE6;
padding: 4px;
}
.datatable th {
border: 1px solid #828282;
background-color: #BCBCBC;
font-weight: bold;
text-align: left;
padding-left: 4px;
}
.datatable caption {
font: bold 0.9em Arial, Helvetica, sans-serif;
color: #33517A;
text-align: left;
padding-top: 3px;
padding-bottom: 8px;
}
.datatable tr.altrow {
background-color: #DFE7F2;
color: #000000;
}
.datatable tr:hover {
background-color: #DFE7F2;
color: #000000;	
}

.inputShort
{
	width:60px;
}

.articulo
{
	border: 1px dotted rgb(186, 185, 184); margin: 5px; background:#D0FBA2 none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 185px; height: 50px; float: left;
}
.tblSelected
{
	background:#0099FF;
}
/*
------------------------------------------------------------Para el teclado
*/
.divCortina{
	position:absolute;
	text-align:center;
	vertical-align:middle;
	width:600px;
	height:400px;
}
.divKeyBoard{
	color:green;
    border:red 1px solid;
	width:700px;
	height:450px;
	top:50px;
	background-color:blue;
}

.divNumKeyBoard{
	color:green;
    border:red 1px solid;
	width:300px;
	height:450px;
	top:100px;
	background-color:blue;
}
.divKeyBoardHidden{
    visibility:hidden;
	width:0%;
	height:0%;
}
input.teclado
{
   font-size:21px;
   width:60px;
   height:60px;
}



input.tecladoWide
{
   font-size:21px;
   width:100px;
   height:60px;
}
/*
------------------------------------------------------------Para el teclado
*/